<ui-component name="intro" path="common.form" config="if:~PATH~;close:@(Done);next:@(Next);exec:~PATH~/done" class="hidden">
	<figure>
		<div class="padding black">
			<div class="m" style="font-size:55px"><i class="ti green ti-flag"></i></div>
			<div>@(Welcome to <b>Total.js Flow Designer</b>. With the designer, you can create your Flow design.)</div>
		</div>
	</figure>
	<figure>
		<div class="padding black">
			<div class="m" style="font-size:55px"><i class="ti ti-plug"></i></div>
			<div>@(First, you need to install some Flow components or create your own in real-time.)</div>
		</div>
	</figure>
	<figure>
		<div class="padding black">
			<div class="m" style="font-size:55px"><i class="ti ti-code-branch"></i></div>
			<div>@(Then drag & drop components to the Flow and join them between each other.)</div>
		</div>
	</figure>
</ui-component>

<script>

	PLUGIN(function(exports) {
		exports.done = function() {
			EXEC('flow/components');
		};
	});

</script>